<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>铜川大屏</title>
    <link rel="stylesheet" href="./assets/css/base.css" />
    <link rel="stylesheet" href="./assets/css/index.css" />
  </head>
  <body class="bg layout">
    <header id="header" role="banner">
      <div class="panel">
        <div class="panel-hd flex">
          <img src="./assets/images/logo.png" class="logo" />
          <h1>安全管理平台</h1>
        </div>
        <div class="hr"></div>
        <div class="panel-bd flex">
          <div class="panel-bd-card panel-bd-card-zc flex align-item-center">
            <div class="card-hd">
              <img src="./assets/images/zichan.png" class="absolute-center" />
            </div>
            <div class="card-bd">
              <div class="title">
                <em id="J_number_zc" class="number">0</em>
                <span class="unit"></span>
              </div>
              <div class="cnt">资产总数</div>
            </div>
          </div>
          <div class="panel-bd-card flex align-item-center">
            <div class="card-hd">
              <img src="./assets/images/huojian.png" class="absolute-center" />
            </div>
            <div class="card-bd">
              <div class="title">
                <em id="J_number_system_time" class="number">0</em>
                <span class="unit">天</span>
              </div>
              <div class="cnt">系统服务时间</div>
            </div>
          </div>
        </div>
      </div>
      <!-- / panel -->
      <div class="card card-jg">
        <div class="card-hd flex align-item-center justify-content-center">
          <h2>安全监管系统</h2>
        </div>
        <div class="card-bd flex align-item-center justify-content-center">
          <div class="card-bd-cnt">
            安全监测分析系统通过对不同的日志及流量数据进行采集，清洗范式化后分布式存储空间的数据为数据检索和展示的提供支撑。
          </div>
        </div>
      </div>
      <!-- / card -->
      <div class="card card-jc flex align-item-center justify-content-center">
        <div class="card-hd">
          <h2>安全监测分析系统</h2>
        </div>
      </div>
      <!-- / card -->
      <div class="card card-yx flex align-item-center justify-content-center">
        <div class="card-hd">
          <h2>运行和服务安全管理系统</h2>
        </div>
      </div>
      <!-- / card -->
      <div
        class="card card-time flex column align-item-center justify-content-center"
      >
        <div class="card-hd">
          <em id="J_date_week" class="week">周一</em>
          <em id="J_date_time" class="date_time">0000/00/00 00:00:00</em>
        </div>
        <div class="card-bd">
          [&nbsp;统计天数为 <em class="number" id="J_number_tjts">0</em>&nbsp;]
        </div>
      </div>
      <!-- / card -->
    </header>
    <!-- / header -->
    <main id="content" role="main">
      <div class="box box-crzc">
        <div class="box-hd">
          <h3>脆弱遗产 <span>TOP10</span></h3>
        </div>
        <div class="hr"></div>
        <div class="box-bd">
          <table class="table table-cryc">
            <tbody id="J_cryc_list" class="tbody"></tbody>
          </table>
        </div>
      </div>
      <!-- / box -->
      <div class="mod">
        <div class="mod-bd row">
          <div
            class="col-6 flex column justify-content-around align-item-center"
          >
            <div class="small-circle-box">
              <div class="box-hd">
                <img src="./assets/images/rotate-small.png" class="rotate" />
                <img
                  src="./assets/images/border_dotted.png"
                  class="border-dotted"
                />
              </div>
              <div class="box-bd">
                <h4 id="J_number_ldfx" class="number absolute-center">0</h4>
                <em class="text text-ldfx">漏洞风险</em>
              </div>
            </div>
            <div class="small-circle-box">
              <div class="box-hd">
                <img src="../assets/images/rotate-small.png" class="rotate" />
                <img
                  src="../assets/images/border_dotted.png"
                  class="border-dotted"
                />
              </div>
              <div class="box-bd">
                <h4 id="J_number_rmm" class="number absolute-center">0</h4>
                <em class="text text-rmm">弱密码</em>
              </div>
            </div>
          </div>
          <!-- / col-6 -->
          <div
            class="col-12 flex column justify-content-center align-item-center"
          >
            <div class="big-circle-box">
              <div class="box-hd">
                <img src="./assets/images/halo.png" class="halo" />
                <img src="./assets/images/tc-map.png" class="tc-map" />
                <img src="./assets/images/rotate-max.png" class="rotate" />
                <img
                  src="./assets/images/rotate-circle.png"
                  class="rotate-circle"
                />
              </div>
              <div class="box-bd">
                <h3 id="J_number_crxfx" class="number absolute-center">0</h3>
                <em class="text">脆弱性风险</em>
              </div>
            </div>
          </div>
          <!-- / col-12 -->
          <div
            class="col-6 flex column justify-content-around align-item-center"
          >
            <div class="small-circle-box">
              <div class="box-hd">
                <img src="./assets/images/rotate-small.png" class="rotate" />
                <img
                  src="./assets/images/border_dotted.png"
                  class="border-dotted"
                />
              </div>
              <div class="box-bd">
                <h4 id="J_number_mwmm" class="number absolute-center">0</h4>
                <em class="text">WEB明文传输</em>
              </div>
            </div>
            <div class="small-circle-box">
              <div class="box-hd">
                <img src="../assets/images/rotate-small.png" class="rotate" />
                <img
                  src="../assets/images/border_dotted.png"
                  class="border-dotted"
                />
              </div>
              <div class="box-bd">
                <h4 id="J_number_gwaq" class="number absolute-center">0</h4>
                <em class="text">高危安全事件</em>
              </div>
            </div>
          </div>
          <!-- / col-6 -->
        </div>
      </div>
      <!-- / mod -->
      <div class="box-group">
        <div class="box box-ldfx">
          <div class="box-hd">
            <h3>漏洞风险态势</h3>
          </div>
          <div class="hr"></div>
          <div class="box-bd">
            <div class="chart" id="J_chart_ldfx"></div>
          </div>
        </div>
        <!-- / box -->
        <div class="box box-rmm">
          <div class="box-hd">
            <h3>弱密码</h3>
            <div class="hr"></div>
          </div>
          <div class="box-bd">
            <div class="chart chart-rmm" id="J_chart_rmm"></div>
          </div>
        </div>
        <!-- / box -->
      </div>
      <!-- / box-group -->
      <div class="box box-crxjc">
        <div class="box-hd">
          <h3>实施脆弱性检测</h3>
        </div>
        <div class="hr"></div>
        <div class="box-bd">
          <table class="table table-crxjc">
            <thead class="thead">
              <tr class="tr group">
                <th class="th name">名称</th>
                <th class="th keyword">关键字</th>
                <th class="th ip">IP</th>
                <th class="th status">状态</th>
                <th class="th start-time">开始日期</th>
                <th class="th content">详情</th>
              </tr>
            </thead>
            <tbody id="J_crxjc_list" class="tbody"></tbody>
          </table>
        </div>
      </div>
      <!-- / box -->
      <div class="box box-gwaq">
        <div class="box-hd">
          <h3>高危安全事件 <span>TOP5</span></h3>
        </div>
        <div class="hr"></div>
        <div class="box-bd">
          <table class="table table-gwaq">
            <thead class="thead">
              <tr class="tr group">
                <th class="th name">名称</th>
                <th class="th sum">总数</th>
                <th class="th ip">IP</th>
              </tr>
            </thead>
            <tbody id="J_gwaq_list" class="tbody"></tbody>
          </table>
        </div>
      </div>
      <!-- / box -->
      <div class="box box-mwcs">
        <div class="box-hd">
          <h3>WEB明文传输</h3>
        </div>
        <div class="hr"></div>
        <div class="box-bd">
          <div id="J_chart_mwcs" class="chart chart-mwcs"></div>
        </div>
      </div>
      <!-- / box -->
    </main>
    <!-- / main -->

    <!-- 脆弱遗产 start -->
    <script type="text/html" id="J_cryc_list_temp">
      {{each data as value index}}
      <tr class="tr group">
        <td class="td ip">{{value.ip}}</td>
        <td class="td name text-hidden">{{value.name}}</td>
        <td class="td status">
          {{ if value.status == 1 }}
          <a>待处理</a>
          {{ /if }}
        </td>
      </tr>
      {{/each}}
    </script>
    <!-- 脆弱遗产 end -->

    <!-- 实时性脆弱性检测 start -->
    <script type="text/html" id="J_crxjc_list_temp">
      {{each data as value index}}
      <tr class="tr group">
        <td class="td name text-hidden">{{value.name}}</td>
        <td class="td keyword text-hidden">{{value.keyword}}</td>
        <td class="td ip">{{value.ip}}</td>
        <td class="td status">
          {{ if value.status == 1 }}
          <a>待处理</a>
          {{ /if }}
        </td>
        <td class="td start-time text-hidden">{{value.start_time}}</td>
        <td class="td content text-hidden">{{value.content}}</td>
      </tr>
      {{/each}}
    </script>
    <!-- 实时性脆弱性检测 end -->

    <!-- 高危安全事件 TOP5 start -->
    <script type="text/html" id="J_gwaq_list_temp">
      {{each data as value index}}
      <tr class="tr group">
        <td class="td name text-hidden">{{ value.name }}</td>
        <td class="td sum">{{ value.sum }}</td>
        <td class="td ip">{{ value.ip }}</td>
      </tr>
      {{/each}}
    </script>
    <!-- 高危安全事件 TOP5 end -->

    <!-- javascript start -->
    <script
      type="text/javascript"
      src="./assets/js/libs/jquery.min.js"
    ></script>
    <script
      type="text/javascript"
      src="./assets/js/libs/layer/layer.js"
    ></script>
    <script type="text/javascript" src="./assets/js/libs/template.js"></script>
    <script
      type="text/javascript"
      src="./assets/js/libs/echarts/echarts.min.js"
    ></script>
    <script type="text/javascript" src="./assets/js/libs/vendor.js"></script>
    <script type="text/javascript" src="./assets/js/common.js"></script>
    <script type="text/javascript" src="./assets/js/config.js"></script>
    <script type="text/javascript" src="./assets/js/index.js"></script>
    <!-- javascript end -->
  </body>
</html>
